<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<style>
      body {
          width: 300px;
          position: relative;
      }
   
      .aside {
          width: 100px;
          height: 150px;
          float: left;
          background: #f66;
      }
   
      .main {
          height: 200px;
          background: #fcc;

          /* 不加 overflow 会被浮动元素覆盖，文字会环绕; */
          /* overflow: hidden; */
          
      }
  </style>
  <body>
      <div class="aside"></div>
      <div class="main">
        ddddddddddssssssssss
        ddddddddddssssssssss
       
        ddddddddddssssssssss
        ddddddddddssssssssss

        ddddddddddssssssssss
        ddddddddddssssssssss
       
        ddddddddddssssssssss
        ddddddddddssssssssss
      </div>
  </body>
</html>
